<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>知识库-我的分享</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script type="text/javascript" src="js/lib/loading.js"></script>
</head>
<body id="app">
    <!-- 头部 -->
    <header class="header">
        <a href="javascript:;" @click="back();" title="返回" class="icon back"></a>
        <h1>我的分享</h1>
    </header>
    
    <!-- 我的收藏 -->
    <section class="padT23" v-show="!showModal" v-cloak>
        <!-- tab -->
        <!-- <ul class="clearfix tabUl quesTab tabFixed">
            <li class="on" @click="slides(0,$event)">文档</li>
            <li @click="slides(1,$event)">回答</li>
            <li @click="slides(2,$event)">话题</li>
        </ul> -->
        <div>
            <!-- 文档 -->
            <ul class="tabCont bgff quesCont" v-cloak>
                <li v-for="info in shareInfo" v-touch:tap="toDetail(info.type,$event)" data-id="{{info.id}}">
                    <div>
                        <a href="javascript:void(0);" class="db">
                            <div class="clearfix marB24">
                                <img :src="info.headPic" class="fl borderRadius wh45">
                                <span class="db fl font20 color72 name">{{info.userName}}<em class="colorB">({{info.level}})</em></span>
                                <span class="fr font20 line95 colorb6">{{info.date}}</span>
                            </div>
                            <div class="clearfix">
                                <img :src="info.suffix | path" class="fileIcon" onerror="javascript:this.src='images/icon/type/OTHER.png';this.onerror=null;" v-if="info.type===3">
                                <img :src="info.headPic | sharePic" class="fileIcon" onerror="javascript:this.src='images/icon/tips.png';this.onerror=null;" v-if="info.type!==3">
                                <div class="ques">
                                    <h3 class="font26 color22 ell">{{info.title}}</h3>
                                    <span class="db font24 color21 ell">{{info.content}}</span>
                                </div>
                            </div>
                        </a>
                        <template v-if="info.type.length>0">
                            <span class="db font18 colorB tips">
                                <em v-for="info in info.type">{{ info.name }}</em>
                            </span>
                        </template>
                    </div>
                    <div class="font26 dib shareColl two">
                        <a href="javascript:void(0);" @click="share({shareId:info.id,shareTit:info.title,sharePic:info.pic},$event);" class="shareIcon"></a>
                        <a href="javascript:void(0);" @click="doDel({dataID:info.id},$event);" class="delIcon"></a>
                    </div>
                    <div class="edit"></div>
                </li>
                <span class="loading-more">加载更多...</span>
            </ul>
            <!-- 回答 -->
            <!-- <ul class="tabCont bgff quesCont askCont" v-if="tabs===1" v-cloak>
                <li v-for="info in answerInfo" v-touch:swipe="swipeLeft($event)" v-touch-options:swipe="{ direction: 'horizontal' }" data-id="{{info.id}}">
                    <div>
                        <a href="javascript:void(0);" class="db">
                            <div class="clearfix marB24">
                                <img :src="info.headPic" class="fl borderRadius wh45">
                                <span class="db fl font20 color72 name">{{info.userName}}<em class="colorB">({{info.level}})</em></span>
                                <span class="fr font20 line95 colorb6">{{info.date}}</span>
                            </div>
                            <h3 class="font26 color22 titles">{{info.title}}</h3>
                            <div class="clearfix askImgBox">
                                <span class="fl db j_1 askImg"><img data-src="{{info.pic}}" src="images/imgload.gif" alt="" class="loadImg"></span>
                                <span class="db font24 color72 descText">{{info.content}}</span>
                            </div>
                        </a>
                        <template v-if="info.type.length>0">
                            <span class="db font18 colorB tips">
                                <em v-for="info in info.type">{{ info.name }}</em>
                            </span>
                        </template>
                    </div>
                    <div class="font26 dib shareColl two">
                        <a href="javascript:void(0);" @click="share({shareId:info.id,shareTit:info.title,sharePic:info.pic},$event);" class="shareIcon"></a>
                        <a href="javascript:void(0);" @click="doDel({dataID:info.id},$event);" class="delIcon"></a>
                    </div>
                    <div class="edit"></div>
                </li>
            </ul> -->
            <!-- 话题 -->
            <!-- <ul class="tabCont bgff quesCont askCont" v-if="tabs===2" v-cloak>
                <li v-for="info in topicInfo" v-touch:swipe="swipeLeft($event)" v-touch-options:swipe="{ direction: 'horizontal' }" data-id="{{info.id}}">
                    <div>
                        <a href="javascript:void(0);" class="db">
                            <div class="clearfix marB24">
                                <img :src="info.headPic" class="fl borderRadius wh45">
                                <span class="db fl font20 color72 name">{{info.userName}}<em class="colorB">({{info.level}})</em></span>
                                <span class="fr font20 line95 colorb6">{{info.date}}</span>
                            </div>
                            <div class="clearfix askImgBox">
                                <template v-if="info.pic.length>0">
                                    <span class="fl db j_1 askImg"><img data-src="{{info.pic}}" src="images/imgload.gif" alt="" class="loadImg"></span>
                                </template>
                                <span class="db font24 color72 descText">{{info.content}}</span>
                            </div>
                        </a>
                        <template v-if="info.type.length>0">
                            <span class="db font18 colorB tips">
                                <em v-for="info in info.type">{{ info.name }}</em>
                            </span>
                        </template>
                    </div>
                    <div class="font26 dib shareColl two">
                        <a href="javascript:void(0);" @click="share({shareId:info.id,shareTit:info.title,sharePic:info.pic},$event);" class="shareIcon"></a>
                        <a href="javascript:void(0);" @click="doDel({dataID:info.id},$event);" class="delIcon"></a>
                    </div>
                    <div class="edit"></div>
                </li>
            </ul> -->
        </div>
    </section>

    <share :show.sync="showModal"></share>
    <!-- template for the modal component -->
    <script type="x/template" id="share-template">
        <!-- 头部 -->
        <header class="header" v-show="show">
            <a href="javascript:;" title="返回" class="icon back" @click="cancel();"></a>
            <div class="clearfix search-box searchBigBox">
                <input type="button" class="fl search-btn" @click="search();">
                <input type="text" id="searchword" class="search-txt" placeholder="搜索" value="" maxlength="30" v-model="query">
            </div>
            <a href="javascript:void(0);" title="确认" @click='ok();' class="text">确认</a>
        </header>

        <!-- 通讯录 -->
        <section class="padT23 addrBook" v-show="show">
            <div v-for="info in users">
                <span class="db pad24 font18 color72">{{info.type}}</span>
                <ul id='uluser' class="padLR24 bgff">
                    <!-- 选中则加上 class="on" -->
                    <li dataID='{{info.uid}}' class="padTB24 font24 color21 borderB" @click="checked($event);" v-for="info in info.userList | filterBy query in 'uname'">
                        {{info.uname }}
                    </li>
                </ul>
            </div>

        </section>
    </script>

    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script type="text/javascript" src="js/lib/alert.js"></script>
    <script src="js/lib/hammer.min.js"></script>
    <script src="js/lib/vue-touch.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/myShare.js"></script>

</body>
</html>